<script setup>
import { ref } from 'vue'
// 初始写法
// export default {
//   // vue3 中组合式API
//   setup() {
//     const count = ref(999)
//     const add = () => count.value ++
//     const cut = () => count.value --
//     return { count , add ,cut }
//   }
// }
// setup语法糖写法
const count = ref(999)
const add = () => count.value++
const cut = () => count.value--
</script>

<template>
  <div>
    <button @click="cut">-</button>
    <span>{{ count }}</span>
    <button @click="add">+</button>
  </div>
</template>

<style scoped></style>
